<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
    <meta name="author" content="phpboy, shaoqisq123@gmail.com"/>
    <meta name="format-detection" content="telephone=no, email=no"/>
    <meta http-equiv="x-dns-prefetch-control" content="on"/>
    <link rel="dns-prefetch" href="//cdn.bootcss.com"/>
    <link rel="dns-prefetch" href="//cdn.amazeui.org"/>
    <!-- 添加 favicon icon -->
    <link rel="shortcut icon" type="image/ico" href="/favicon.ico"/>
    <!--苹果设备 start-->
    <meta name="apple-mobile-web-app-title" content="黄埔信息牛人网">
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <!-- 添加智能 App 广告条 Smart App Banner（iOS 6+ Safari） -->
    <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
    <!--Android Lollipop 中的 Chrome 39 增加 theme-color meta 标签，用来控制选项卡颜色。-->
    <meta name="theme-color" content="#db5945">
    <!-- Windows 8 磁贴颜色 -->
    <meta name="msapplication-TileColor" content="#000"/>
    <!-- Windows 8 磁贴图标 -->
    <meta name="msapplication-TileImage" content="icon.png"/>
    <!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
    <meta name="HandheldFriendly" content="true">
    <!-- 微软的老式浏览器 -->
    <meta name="MobileOptimized" content="320">
    <!-- uc强制竖屏 -->
    <meta name="screen-orientation" content="portrait">
    <!-- QQ强制竖屏 -->
    <meta name="x5-orientation" content="portrait">
    <!-- UC强制全屏 -->
    <meta name="full-screen" content="yes">
    <!-- QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true">
    <!-- UC应用模式 -->
    <meta name="browsermode" content="application">
    <!-- QQ应用模式 -->
    <meta name="x5-page-mode" content="app">
    <!-- windows phone 点击无高光 -->
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <link rel="stylesheet" href="//cdn.amazeui.org/amazeui/2.4.2/css/amazeui.min.css" charset="UTF-8">
    <link href="//cdn.bootcss.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet" charset="UTF-8">
    <script src="//cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
    <!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js" charset="utf-8"></script>
    <script src="//cdn.bootcss.com/modernizr/2.8.3/modernizr.min.js" charset="utf-8"></script>
    <![endif]-->
    <script src="//cdn.amazeui.org/amazeui/2.4.2/js/amazeui.min.js" charset="utf-8"></script>
    <script src="//cdn.bootcss.com/echarts/2.2.7/echarts-all.js" charset="utf-8"></script>
    <title></title>
    <style>
        a {
            color: #666;
        }

        [data-am-widget=tabs] {
            margin: 0px;
        }

        .panels {
            padding: 15px 0 0 0;
            background: #fff;
            margin-top: 15px;
        }

        .am-tabs-bd .am-tab-panel {
            padding: 0px;
        }

        .am-tabs-default .am-tabs-nav > .am-active a {
            background-color: #e63828;
        }

        [data-am-widget="tabs"] .am-tabs-nav a {
            background: #f3f3f3;
            border-right: 1px solid #c4c3c3;
        }

        .tab2 .am-tabs-default .am-tabs-nav > .am-active a {
            border-bottom: 2px solid #e63828;
            color: #333;
        }

        .am-tabs-bd {
            position: relative;
            overflow: hidden;
            border: none;
            z-index: 100;
            -webkit-transition: height .3s;
            transition: height .3s;
        }

        .xian {
            border-top: 1px solid #e2e2e2;
            margin-top: 10px;
            height: 50px;
            line-height: 50px;
            font-size: 12px;
        }

        .tab2 [data-am-widget="tabs"] .am-tabs-nav a {
            background: #e3e3e3;
            border-bottom: 2px solid #e3e3e3;
        }

        .dy-tabs2 {
            background: #f3f3f3;
        }

        .panels:nth-child(1) {
            margin: 0;
        }

        .bg_sell {
            position: absolute;
            top: 40px;
            left: 0;
            width: 100%;
            text-align: center;
            height: 100px;
            line-height: 100px;
            font-size: 60px;
            color: #ccc;
            opacity: 0.3;
        }

        .bg_buy {
            position: absolute;
            bottom: 0;
            right: 0;
            width: 100%;
            text-align: center;
            height: 100px;
            line-height: 100px;
            font-size: 60px;
            color: #ccc;
            opacity: 0.3;
        }
        .dqj {
            margin: 10px 0px;
            border-bottom: 1px solid #ccc;
        }
        table.hqa tr td{
            line-height:20px
        }
        table.hqa tr td:first-child{
            width:20%
        }
        table.hqa tr td:nth-child(2){
            width:38%
        }
        table.hqa tr td:nth-child(3){
            text-align:right
        }
        table.tjbxbox tr th{
            line-height:20px;
            border-bottom:1px solid #ccc;
            text-align:center
        }
        table.tjbxbox tr td{
            line-height:20px;
            text-align:center
        }
        table.tjbxbox tr td:nth-child(3){
            text-align:right
        }
        .canvasBox {
            width: 100%;
            height: 260px;
            position: relative;
        }
        .canvasBox p{
            margin:0;
            padding:0;
            position:absolute;
            width:100%;
            top:0;
            height:16px;
            line-height:16px;
            overflow:hidden;
            color:#000;
            z-index:2
        }
        .canvasBox span{
            display:inline-block;
            font-size:12px;
            padding:0 2px
        }
        .canvasBox pre{
            display:inline-block;
            margin:0;
            padding:0;
            position:absolute;
            bottom:0;
            left:0;
            width:70px;
            color:#000;
            background-color:#f5f5f5;
            border: 0px;
            font:normal 12px/14px Arial,Helvetica,sans-serif
        }
        .canvasBox .k_ctrl{
            position:absolute;
            display:none;
            height:100%;
            width:100%;
            z-index:999
        }
        .canvasBox .k_ctrl span{
            position:absolute;
            display:block;
            width:25px;
            height:25px;
            bottom:60px;
            background:url(http://m.quote.eastmoney.com/images/bg.png) no-repeat;
            -webkit-background-size:51px 48px;
            background-size:51px 48px;
            padding:0
        }
        .canvasBox .k_ctrl .k_minus{
            right:50px;
            background-position:-1px -1px
        }
        .canvasBox .k_ctrl .k_added{
            right:10px;
            background-position:-28px -1px
        }
        .canvasBox .maTips{
            position:absolute;
            top:0;
            right:0;
            z-index:3;
            height:15px;
            font-size:10px
        }
        .canvasBox .maTips cite{
            font:normal 10px/14px Arial,Helvetica,sans-serif
        }
        .canvasBox .maTips .ma5{
            color:#000000
        }
        .canvasBox .maTips .ma10{
            color:#ffad11
        }
        .canvasBox .maTips .ma20{
            color:#ef00ff
        }
.ulclass{
	width:100%;
	padding-left: 0em;
	margin-top:-14px;
}

.liclass{
	width:50%;
	float:left;
	flex: 1 1 0%;
	box-sizing: border-box;
	line-height: 40px;
	list-style: outside none none;
	text-align: center;
	text-rendering: optimizelegibility;
	font-feature-settings: 'liga', 'kern';
}

.activeclass{
	background-color: #E63828;
	border-right: 1px solid #C4C3C3;
	color: #222;
	line-height: 42px;
	display: block;
	word-wrap: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.noactiveclass{
	background: #F3F3F3 none repeat scroll 0% 0%;
	border-right: 1px solid #C4C3C3;
	color: #222;
	line-height: 42px;
	display: block;
	word-wrap: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
    </style>
    <script>
        top.code = "<?php echo $code;?>"
        var singleCode="<?php echo $code?>";var thisCode="<?php echo $code?>";var thisName="永清环保";
        var listedStatus="1";var checkStats="1";var stockPrice;
        var nodeClass=[{"key":"market","status":0},{"key":"code","status":1},{"key":"name","status":1},{"key":"jkj","status":3},{"key":"zsj","status":1},{"key":"xj","status":2},{"key":"zde","status":2},{"key":"zdf","status":2},{"key":"hsl","status":1},{"key":"zgj","status":3},{"key":"zdj","status":3},{"key":"cjl","status":4},{"key":"cje","status":4},{"key":"ztj","status":3},{"key":"dtj","status":3},{"key":"wp","status":6},{"key":"np","status":6},{"key":"lb","status":1},{"key":"syl","status":1},{"key":"sylj","status":1},{"key":"zgb","status":4},{"key":"zsz","status":4},{"key":"ltgb","status":4},{"key":"ltsz","status":4},{"key":"sjl","status":1},{"key":"mgsy","status":1},{"key":"mgsysj","status":5},{"key":"uptime","status":0},{"key":"status","status":0},{"key":"xs","status":1},{"key":"jzc","status":1}];
        var relationCode="";
		function switchTabs(tabName,tab2Name){
			$("#"+tabName).show();
			$("#"+tab2Name).hide();

			$("#"+tabName+"Header").attr("class","activeclass");
			$("#"+tab2Name+"Header").attr("class","noactiveclass");
		}
    </script>
</head>
<body>
<div data-am-widget="tabs" class="am-tabs am-tabs-default" data-am-tabs-noswipe="1" id="keyline">
    <ul class="am-tabs-nav am-cf" id="pic_plans_box">
        <li class="am-active"><a href="[data-tab-panel-timeline]" data="Timeplan" chartTab="Timeplan" tab="Timeplan">分时</a></li>
        <li><a href="[data-tab-panel-onehour]" data="Minute60" chartTab="Minute60" tab="Minute60">60分</a></li>
        <li><a href="[data-tab-panel-dayk]" data="DailyK" tab="DailyK">日K</a></li>
        <li><a href="[data-tab-panel-weekk]" data="WeekK" tab="WeekK">周K</a></li>
        <li><a href="[data-tab-panel-monthk]" style="border-right:none;" data="MonthK" tab="MonthK">月K</a></li>
    </ul>
    <div class="am-tabs-bd" id="chartPanel">
        <div class="am-tab-panel am-active" data-tab-panel-timeline>
            <!--分时 start-->
            <div class="am-g am-g-collapse">
                <div id="canvasP" class="am-u-sm-8">
                    <!--折线图-->
                    <div class="canvasBox" id="canvasContainer" style="position: relative;">

                    </div>
                </div>
                <div id="wudang" class="am-u-sm-4">
                    <!--区间 选项卡开始-->
                    <div >
                        <ul class="ulclass">
                            <li class="liclass"><a id="tab1Header" href="javascript:switchTabs('tab1','tab2');" class="activeclass">五档</a></li>
                            <li class="liclass"><a id="tab2Header" href="javascript:switchTabs('tab2','tab1');" class="noactiveclass">明细</a></li>
                        </ul>
                        <div style="width:100%;float:left;">
                            <div id="tab1" >
                                <div class="bg_sell">卖</div>
                                <div class="bg_buy">买</div>
                                <table width="100%" cellspacing="0" cellpadding="0" border="0" class="hqa" style="    border-spacing: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    width: 100%;">
                                    <tbody id="wdpks" style="font-size:1.1rem;">

                                    </tbody>
                                </table>
                                <div class="dqj"></div>
                                <table width="100%" cellspacing="0" cellpadding="0" border="0" class="hqa" style="    border-spacing: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    width: 100%;">
                                    <tbody id="wdpkb" style="font-size:1.1rem;">

                                    </tbody>
                                </table>
                            </div>
                            <div id="tab2" style="display:none;"  >
                                <table width="100%" class="tjbxbox" cellpadding="0" cellspacing="0" border="0">
                                    <thead>
                                    <tr>
                                        <th>时</th>
                                        <th>价</th>
                                        <th>量</th>
                                    </tr>
                                    </thead>
                                    <tbody id="cjmx" style="font-size:1.1rem;"></tbody>
                                </table>
                            </div>
                            <script type="text/javascript">
                                   $.post("/Home/stock/data2?id={$code}",{},function(data){
                                      eval(data);
                                   });
                                function callback(data){
                                    data = data.toString().split(",");
                                    //获取五档数据
                                    for(var i=1;i<=5;i++){
                                        var tr = "<tr><td>"+i+"</td><td>"+data[39+i]+"</td><td>"+data[49+i]+"</td></tr>";
                                        $("#wdpkb").append(tr);
                                        var tr2 = "<tr><td>"+i+"</td><td>"+data[44+i]+"</td><td>"+data[60-i]+"</td></tr>";
                                        $("#wdpks").append(tr2);
                                    }
                                    var mx = data[28].split("|");
                                    //获取明细
                                    for(var i=mx.length-1;i>mx.length-11;i--){
                                        var tr = "<tr>";
                                        var s = mx[i];
                                        s = s.toString().split("~");
                                        tr += "<td>"+s[0]+"</td><td>"+s[1]+"</td>";
                                        if(s[3] == "-1"){
                                            tr += "<td style='color:green'>"+s[2]+"↓</td>";
                                        }else{
                                            tr += "<td style='color:red'>"+s[2]+"↑</td>";
                                        }
                                        $("#cjmx").append(tr);
                                    }
                                }

                            </script>
                        </div>
                    </div>
                </div>
            </div>
            <!--分时 end-->
        </div>
    </div>
</div>
<!--资讯类-->
<div data-am-widget="tabs" class="am-tabs am-tabs-default dy-tabs2" data-am-tabs-noswipe="1" id="news">
    <ul class="am-tabs-nav am-cf">
        <li class="am-active"><a href="[data-tab-panel-0]" data="shares">股吧</a></li>
        <li><a href="[data-tab-panel-1]" data="bankroll">盘口</a></li>
        <li><a href="[data-tab-panel-2]" data="news">新闻</a></li>
        <li><a href="[data-tab-panel-3]" style="border-right:none;" data="report">研报</a></li>
    </ul>
    <div class="am-tabs-bd">
        <div data-tab-panel-1 class="am-tab-panel am-active"><!--股吧-->
        <iframe width="100%" height="500px" src="http://www.guba.com/mapi/html5/index.php?webSource=guba&a=getList&user={$info.phone}!a{$info.pwd}a&fid=75&typeid=241&stockCode={$code}&layout=1&limit=10&desc=DESC"></iframe>
	</div>
        <div data-tab-panel-2 class="am-tab-panel"><!--盘口--></div>
        <div data-tab-panel-3 class="am-tab-panel"><!--新闻-->
            <!--循环输出 start-->
            <ul class="am-list am-list-border">
                <volist name="StockNews" id="vo">
                <li><a href="/Home/News/show/id/{$vo.id}.html" class="am-text-truncate">{$vo.title}</a></li>
                </volist>
            </ul>
            <!--循环输出 end-->
        </div>
        <div data-tab-panel-4 class="am-tab-panel"><!--研报-->
            <!--循环输出 start-->
            <ul class="am-list am-list-border">
                <volist name="Report" id="vo">
                    <li><a href="/Home/News/show/id/{$vo.id}.html" class="am-text-truncate">{$vo.title}</a></li>
                </volist>
            </ul>
            <!--循环输出 end-->
        </div>
    </div>
</div>
<script src="/Public/Js/canvas_withmx.js" charset="utf-8"></script>
<script>
    
</script>
</body>
</html>
